<template>
  <div class="App">
    <h1 class="content">我是App</h1>
   
    <button @click="getMsg">按钮添加</button>
    <Count ref="CountComp"/>
  </div>
</template>

<script>
import Count from '@/components/Count';


export default {
  name: 'App',
  components: {
    Count,
  },
  methods:{
  // ref设置在子组件上，则我们通过$refs拿到这个组件的组件实例
  // 通过子组件的实例拿到子组件的数据进行处理（组件通信-->子传父）
    getMsg() {
      console.log(this.$refs);
      // console.log(this.$refs.iptEle.value);
      console.log(this.$refs.CountComp.count++);
    }
  }
}
</script>



